import React from "react"
import LifeHeader from '../../../../components/lift_components/LifeHeader'
import ElectricityComponent from '../../../../components/lift_components/ElectricityComponent'
import VideoComponent from '../../../../components/lift_components/VideoComponent'
import GasComponent from '../../../../components/lift_components/GasComponent'
import NextStep from '../../../../components/lift_components/NextStep'

export default class LifeTypeOne extends React.Component{

  render(){
    const lifeType = this.props.match.params.lifeType
    var setView;
      if(lifeType ==='电费'){
        setView = <ElectricityComponent />
      }else if(lifeType ==='有线电视') {
        setView = <VideoComponent />
      }else if(lifeType ==='燃气费'){
        setView = <GasComponent />
      }

    return(
      <div>
        <LifeHeader title='新增缴费账户' />
        {setView}
        <NextStep />
      </div>
    )
  }
}
